// 此处不要导入 @/i18n 使用 i18n.global ，因为我们在 router 中 layout 不是按需加载，所以Guide 会在 I18n 初始化完成之前被直接调用。导致 i18n 为 undefined
const steps = i18n => {
  return [
    {
      element: "#guide-start", // 当前高亮会放在哪个dom上进行展示
      popover: {
        title: i18n.t("msg.guide.guideTitle"), // 引导标题
        description: i18n.t("msg.guide.guideDesc"), // 引导描述
        position: "bottom-right" // 引导出现的位置
      }
    },
    {
      element: "#guide-hamburger",
      popover: {
        title: i18n.t("msg.guide.hamburgerTitle"),
        description: i18n.t("msg.guide.hamburgerDesc")
      }
    },
    {
      element: "#guide-breadcrumb",
      popover: {
        title: i18n.t("msg.guide.breadcrumbTitle"),
        description: i18n.t("msg.guide.breadcrumbDesc")
      }
    },
    {
      element: "#guide-search",
      popover: {
        title: i18n.t("msg.guide.searchTitle"),
        description: i18n.t("msg.guide.searchDesc"),
        position: "bottom-right"
      }
    },
    {
      element: "#guide-full",
      popover: {
        title: i18n.t("msg.guide.fullTitle"),
        description: i18n.t("msg.guide.fullDesc"),
        position: "bottom-right"
      }
    },
    {
      element: "#guide-theme",
      popover: {
        title: i18n.t("msg.guide.themeTitle"),
        description: i18n.t("msg.guide.themeDesc"),
        position: "bottom-right"
      }
    },
    {
      element: "#guide-lang",
      popover: {
        title: i18n.t("msg.guide.langTitle"),
        description: i18n.t("msg.guide.langDesc"),
        position: "bottom-right"
      }
    },
    {
      element: "#guide-tags",
      popover: {
        title: i18n.t("msg.guide.tagTitle"),
        description: i18n.t("msg.guide.tagDesc")
      }
    },
    {
      element: "#guide-sidebar",
      popover: {
        title: i18n.t("msg.guide.sidebarTitle"),
        description: i18n.t("msg.guide.sidebarDesc"),
        position: "right-center"
      }
    }
  ];
};
export default steps;